<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>

<body>
	<!-- 表单元素的标签 :-->
	<!-- 其中acton:设置表单内容要发送的处理的URL  -->
	<!-- 其中method:设置使用何种的方式将表单的内容提交到服务器上去 -->
	<!-- 其中enctype:设置表单的编码方式，如下是默认的选项，如果此表单是要传送文件就需要设置multipart/form-data -->
	<form method="get" action="" enctype="application/x-www-form-urlencoded" name="testform" onsubmit="return validateForm()">		
		email:<input type="text" name="email" id="email"><br>			<!-- 文本域 -->
		pass:<input type="password" name="pass" id="pass"><br>     		<!-- 密码域 -->
		<!-- 单选按钮  注意checked属性是默认选中的意思 -->
		sex:<input type="radio" name="sex" value="male" checked="checked">male&nbsp;
			<input type="radio" name="sex" value="female">female<br>
		<!-- 多选按钮  -->
		hobbies:<input type="checkbox" name="hobbies" value="basketball" checked="checked">basketball&nbsp;
				<input type="checkbox" name="hobbies" value="football">football&nbsp;
				<input type="checkbox" name="hobbies" value="badminton">badminton&nbsp;
				<input type="checkbox" name="hobbies" value="maths">maths<br> 
		<!-- 下拉列表   注意 selected属性  是让默认的选中 -->
		age:<select name="age">
			<option value="17">17</option>
			<option value="18" selected="selected">18</option>
			<option value="19">19</option>
			<option value="20">20</option>
		</select><br>
		<!-- 文本域  -->
		profile:<br><textarea rows="20" cols="30" name="profile"></textarea>
		<input type="submit" value="go">
		<input type="button" value="gogogogo" onclick="this.disabled=true;this.form.submit();">
		
	</form>
	<script type="text/javascript">
			/*获取表单的引用 
				1.通过getElementById()方式
				2.通过document的forms集合,通过位置或者name属性获取或者 直接document.formname
				3.访问表单字段：通过表单的elements集合，并通过位置和属性获取
			*/
			//var formObj = document.forms['testform'];	//获取到form元素
			var formObj =document.testform;
			var emailObj = formObj.elements['email'];	//获取表单元素
			var passObj = formObj.pass;					//直接通过name属性获取
			console.log(passObj);
	</script>
</body>
</html>